<template>
  <div>
    <!-- 头部组件 -->
    <my-head></my-head>
    <div class="box-img"><img src="../../assets/images/us1.jpg" alt="" /></div>
    <!-- 服务项目 -->

    <div class="bj">
      <xtltie :xtitle="xtitle"></xtltie>
      <!-- <div class="news-mian">
        <div class="checked">公司新闻</div>
        <div>行业动态</div>
        <div>酒文化普及</div>
      </div> -->
      <div class="content-list">
        <ul>
          <li>
            <div class="c-l-left">
              <img src="../../assets/images/news.jpg" alt="" />
            </div>
            <div class="c-l-right">
              <h3>天龙全酒业第二届米香型原酒品质鉴定会顺利召开</h3>
              <div>
                <span>发布时间：2022-05-26</span> <span>浏览次数：12次</span>
              </div>
              <p>
                为进一步提升天龙泉酒业原酒品质
                ，2022年5月25日，天龙泉酒业组织召开了第二届天龙泉米香型原酒品质鉴定会，广西酿酒协会秘书长伍育华、广西丹
                泉酒业副总经理覃建良、广西湘山酒业副总经理王勇、廖祖跃和劲牌有限公司高级技术经理柯锋、管莹等行业专家莅临天龙泉酒业，对天龙泉米香型原酒
                品质进行现场鉴定
              </p>
            </div>
          </li>
          <li>
            <div class="c-l-left">
              <img src="../../assets/images/news.jpg" alt="" />
            </div>
            <div class="c-l-right">
              <h3>天龙全酒业第二届米香型原酒品质鉴定会顺利召开</h3>
              <div>
                <span>发布时间：2022-05-26</span> <span>浏览次数：12次</span>
              </div>
              <p>
                为进一步提升天龙泉酒业原酒品质
                ，2022年5月25日，天龙泉酒业组织召开了第二届天龙泉米香型原酒品质鉴定会，广西酿酒协会秘书长伍育华、广西丹
                泉酒业副总经理覃建良、广西湘山酒业副总经理王勇、廖祖跃和劲牌有限公司高级技术经理柯锋、管莹等行业专家莅临天龙泉酒业，对天龙泉米香型原酒
                品质进行现场鉴定
              </p>
            </div>
          </li>
          <li>
            <div class="c-l-left">
              <img src="../../assets/images/news.jpg" alt="" />
            </div>
            <div class="c-l-right">
              <h3>天龙全酒业第二届米香型原酒品质鉴定会顺利召开</h3>
              <div>
                <span>发布时间：2022-05-26</span> <span>浏览次数：12次</span>
              </div>
              <p>
                为进一步提升天龙泉酒业原酒品质
                ，2022年5月25日，天龙泉酒业组织召开了第二届天龙泉米香型原酒品质鉴定会，广西酿酒协会秘书长伍育华、广西丹
                泉酒业副总经理覃建良、广西湘山酒业副总经理王勇、廖祖跃和劲牌有限公司高级技术经理柯锋、管莹等行业专家莅临天龙泉酒业，对天龙泉米香型原酒
                品质进行现场鉴定
              </p>
            </div>
          </li>
          <li>
            <div class="c-l-left">
              <img src="../../assets/images/news.jpg" alt="" />
            </div>
            <div class="c-l-right">
              <h3>天龙全酒业第二届米香型原酒品质鉴定会顺利召开</h3>
              <div>
                <span>发布时间：2022-05-26</span> <span>浏览次数：12次</span>
              </div>
              <p>
                为进一步提升天龙泉酒业原酒品质
                ，2022年5月25日，天龙泉酒业组织召开了第二届天龙泉米香型原酒品质鉴定会，广西酿酒协会秘书长伍育华、广西丹
                泉酒业副总经理覃建良、广西湘山酒业副总经理王勇、廖祖跃和劲牌有限公司高级技术经理柯锋、管莹等行业专家莅临天龙泉酒业，对天龙泉米香型原酒
                品质进行现场鉴定
              </p>
            </div>
          </li>
          <li>
            <div class="c-l-left">
              <img src="../../assets/images/news.jpg" alt="" />
            </div>
            <div class="c-l-right">
              <h3>天龙全酒业第二届米香型原酒品质鉴定会顺利召开</h3>
              <div>
                <span>发布时间：2022-05-26</span> <span>浏览次数：12次</span>
              </div>
              <p>
                为进一步提升天龙泉酒业原酒品质
                ，2022年5月25日，天龙泉酒业组织召开了第二届天龙泉米香型原酒品质鉴定会，广西酿酒协会秘书长伍育华、广西丹
                泉酒业副总经理覃建良、广西湘山酒业副总经理王勇、廖祖跃和劲牌有限公司高级技术经理柯锋、管莹等行业专家莅临天龙泉酒业，对天龙泉米香型原酒
                品质进行现场鉴定
              </p>
            </div>
          </li>
        </ul>
        <div class="pageNumber">
          <span>首页</span>
          <span>上一页</span>
          <span>1</span>
          <span>2</span>
          <span>3</span>
          <span>4</span>
          <span>下一页</span>
          <span>末页</span>
        </div>
      </div>
      <!-- 底部导航 -->
      <bottom-nav></bottom-nav>
      <!-- <div class="nav-bot">
        <ul>
          <li>首页</li>
          <li>关于我们</li>
          <li>产品展示</li>
          <li>微短视频</li>
          <li>封坛/定制</li>
          <li>加盟网点</li>
          <li>新闻中心</li>
        </ul>
        <div>
          Copyright © 2018 Gxdanquan.cn All Rights Reserved 燕台山酒庄
          桂ICP备120XXXXXX号-4
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
import bottomNav from "../../components/bottomNav.vue";
//导入头部组件
import MyHead from "../../components/MyHead.vue";
//导入服务项目标题
import Xtltie from "../../components/Xtltie.vue";
export default {
  name: "Activity",
  //注册组件
  components: {
    MyHead,
    Xtltie,
    bottomNav,
  },
  data() {
    return {
      checked: false,
      xtitle: {
        name: "活动专区",
        nameEnglish: "Activity Area",
      },
    };
  },
  // beforeRouteEnter(to, from, next) {
  //   // A跳转到B，B页面停留在A页面的滚动位置；解决方法：将scrollTop设置为0
  //   window.scroll(0, 0);
  //   next();
  // },
};
</script>

<style lang="less" scoped>
  @media screen and (min-width: 1029px){
    .box-img {
      position: relative;
      margin-bottom: 80px;
      img {
        width: 100%;
      }
    }
    .bj {
      width: 100%;
      height: 1822px;
      position: relative;
      background: url("../../assets/images/newsbj.jpg") center no-repeat;
      background-size: 100% 100%;
      .content-list {
        margin-top: 70px;
        ul {
          width: 80%;
          margin: auto;
          padding-top: 40px;
          li {
            padding: 35px;
            margin-bottom: 25px;
            display: flex;
            border: 1px solid #f1f1f1;
            .c-l-right {
              width: 76%;
              margin-left: 10px;
              text-align: left;
              line-height: 29px;
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #444444;
              }
              div {
                font-size: 12px;
                color: #999999;
              }
              p {
                color: #444444;
              }
            }
            .c-l-right:hover {
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #b50003;
              }
              p {
                color: #b50003;
              }
            }
          }
        }
      }
      .pageNumber {
        margin-top: 42px;
        span {
          padding: 10px;
          margin: 0 2px;
          border: 1px solid #f1f1f1;
        }
      }
      // 底部导航样式
      // .nav-bot {
      //   margin-top: 130px;
      //   color: #000000;
      //   ul {
      //     display: flex;
      //     justify-content: center;
      //     li {
      //       font-size: 18px;

      //       margin: 20px 10px;
      //     }
      //   }
      // }
    }
  }
  @media only screen and (min-width: 750px) and (max-width: 1028px){
    .box-img {
      position: relative;
      margin-bottom: 80px;
      img {
        width: 100%;
      }
    }
    .bj {
      width: 100%;
      height: 1822px;
      position: relative;
      background: url("../../assets/images/newsbj.jpg") center no-repeat;
      background-size: 100% 100%;
      .content-list {
        margin-top: 70px;
        ul {
          width: 80%;
          margin: auto;
          padding-top: 40px;
          li {
            padding: 15px;
            margin-bottom: 25px;
            display: flex;
            border: 1px solid #f1f1f1;
            .c-l-right {
              width: 76%;
              margin-left: 10px;
              text-align: left;
              line-height: 29px;
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #444444;
              }
              div {
                font-size: 12px;
                color: #999999;
              }
              p {
                color: #444444;
              }
            }
            .c-l-right:hover {
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #b50003;
              }
              p {
                color: #b50003;
              }
            }
            .c-l-left{
              width: 30%;
              img{

              }
            }
          }
        }
      }
      .pageNumber {
        margin-top: 42px;
        span {
          padding: 10px;
          margin: 0 2px;
          border: 1px solid #f1f1f1;
        }
      }
    }
  }
  @media screen and (max-width: 749px){
    .box-img {
      position: relative;
      margin-bottom: 80px;
      img {
        width: 100%;
      }
    }
    .bj {
      width: 100%;
      height: 1822px;
      position: relative;
      background: url("../../assets/images/newsbj.jpg") center no-repeat;
      background-size: 100% 100%;
      .content-list {
        margin-top: 70px;
        ul {
          width: 80%;
          margin: auto;
          padding-top: 40px;
          li {
            padding: 35px;
            margin-bottom: 25px;
            display: flex;
            border: 1px solid #f1f1f1;
            .c-l-right {
              width: 76%;
              margin-left: 10px;
              text-align: left;
              line-height: 29px;
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #444444;
              }
              div {
                font-size: 12px;
                color: #999999;
              }
              p {
                color: #444444;
              }
            }
            .c-l-right:hover {
              h3 {
                font-size: 20px;
                font-weight: bold;
                color: #b50003;
              }
              p {
                color: #b50003;
              }
            }
          }
        }
      }
      .pageNumber {
        margin-top: 42px;
        span {
          padding: 10px;
          margin: 0 2px;
          border: 1px solid #f1f1f1;
        }
      }
      // 底部导航样式
      // .nav-bot {
      //   margin-top: 130px;
      //   color: #000000;
      //   ul {
      //     display: flex;
      //     justify-content: center;
      //     li {
      //       font-size: 18px;

      //       margin: 20px 10px;
      //     }
      //   }
      // }
    }
  }
</style>